@charset "utf-8";
@font-face {font-family:'helvet';src: url('fonts/HelveticaNeueLTPro-ThEx.otf');font-weight: normal;font-style: normal;}
* {padding:0;margin:0;box-sizing:border-box;transition:all 0.3s}
ul li {list-style:none;}
a {text-decoration:none;font-family:"Microsoft YaHei","宋体"}
img {border:none}
input {border:none;background:none;}
input, textarea {font-family:Arial, "Microsoft YaHei";outline:0;font-size:12px;-webkit-appearance:none;}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.ellipsis {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}
.yy_tag_I{ margin:0 5px}
html, body {font:12px Arial,"Microsoft YaHei";color:#929292;width:100%;height:100%;background:#fff}
.fw {margin:0 auto;width:1190px;}

.head {width:100%;height:120px;overflow:hidden}
.head .fl {width:70%}
.head .fl img {float:left}
.head .fl .img1 {margin-top:20px}

.head .fr {width:20%;color:#333;margin-top:35px}
.head .fr .icon {font-size:24px;background:#fff;border:3px solid #ec0032;width:42px;height:42px;text-align:center;line-height:42px;color:#ec0032;border-radius:50%;float:left;margin-right:10px;margin-top:5px}
.head .fr .icon i {line-height:38px}
.head .fr p {font-size:14px;color:#999}
.head .fr h4 {font-size:28px}

.head_nav {width:100%;height:61px;border-top:1px solid #ddd}
.head_nav li {float:left;position:relative}
.head_nav li a {display:inline-block;line-height:58px;font-size:16px;color:#333;padding:0 35px;position:relative}
.head_nav li a:before {background:#ec0032;position:absolute;content:'';height:2px;top:0;left:0;width:0;transition:all 0.3s}
.head_nav li.cur a:before, .head_nav li a:hover:before {width:100%}
.head_nav li.cur a, .head_nav li a:hover {color:#ec0032}
.head_nav li dl {position:absolute;top:60px;background:#fff;width:380px;z-index:999;border-top:2px solid #333; visibility:hidden;top:70px;opacity:0;padding:10px 0;box-shadow:2px 2px 10px rgba(23,23,103,0.28)}
.head_nav li dl dd {float:left;width:50%;padding:0 10px}
.head_nav li dl dd a {display:block;font-size:13px;line-height:38px;border-bottom:1px solid #ececec;padding:0 5px}
.head_nav li.cur dl dd a {color:#333}
.head_nav li dl dd a:before {display:none}
.head_nav li dl dd a:hover {background:#ececec;color:#333}
.head_nav li:hover dl {visibility:visible;top:60px;opacity:1}
.fullSlide {
	width:100%;
	position:relative;
	height:545px;
	background:#000;
	transition:none
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
	width:100%
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:545px;
	overflow:hidden;
	text-align:center;
	transition:none
}
.fullSlide .bd li a {
	display:block;
	height:545px;
	transition:none
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:16px;
	height:2px;
	margin:1px;
	overflow:hidden;
	background:#EE0E51;
	color:#fff;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:16px;
}
.fullSlide .hd ul .on {
	background:#EE0E51;
	filter:alpha(opacity=100);
	opacity:1;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:0;
	z-index:1;
	width:40px;
	height:60px;
	background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:0;
	background-position:-6px -137px;
}

.search-top {width:1190px;height:85px;margin:0 auto;top:-43px;left:50%;margin-left:-595px;background:#fff;box-shadow:2px 2px 30px rgba(23,23,103,0.28);position:absolute;z-index:100}
.search-top .tt {float:left;font-size:24px;color:#ec0032;width:175px;text-align:center;line-height:85px;font-weight:bold;position:relative}
.search-top .tt:before {position:absolute;content:'';width:2px;height:46px;background:#ccc;right:0;top:20px}
.search-top form {width:990px;float:right}
.search-top td {
	vertical-align:middle;
	color:#666;
	height:85px;
	font-size:12px
	}
.search-top td input.text1 {
	width:126px;
	height:28px;
	line-height:28px;
	border:1px solid #A7A7A7;
	border-radius:3px;
	padding:0 5px;
	background:#fff
	}
.search-top td input.text2 {width:60px}
.search-top td .btn1 {
	width:85px;
	height:85px;
	display:block;
	float:right;
	background:#ec0032;
	border:0;
	text-align:center;
	color:#fff;
	cursor:pointer;
	font-size:14px;
	line-height:28px
	}
.search-top td .btn1 i {display:block;font-size:30px;margin-top:15px;}
.search-top td .btn1:hover i {margin-top:25px}
.search-top td .btn1:hover span {opacity:0}
.select_box{
	position:relative;cursor:pointer;
	background:#fff;
	font-size:12px;
	margin-right:10px;
	color:#000;
	height:28px;
	line-height:28px;
	border:1px solid #A7A7A7;
	border-radius:3px;
	z-index:500;
	}	
.selet_open{display:inline-block;position:absolute;right:0;top:0;width:20px;height:30px; background:url(../images/search_icon1.gif) no-repeat center center;}
.select_txt1{display:inline-block;padding-left:5px;width:110px;line-height:28px;height:28px;cursor:text;overflow:hidden; z-index:200;}
.option{width:100%;border:solid 1px #EDE7D6;position:absolute;top:26px;left:-1px;z-index:999;overflow:hidden;display:none;}
.option a{display:block;height:26px;line-height:26px;text-align:left;padding:0 10px;width:100%;background:#fff;color:#666}
.option a:hover{background:#cc0033; color:#fff;}

.phone_search {width:100%;background:#ec0032;padding:10px;box-sizing:border-box;display:none;position:absolute;top:0;z-index:50}
.phone_search .text {display:block;box-sizing:border-box;background:#fff;width:100%;height:30px;position:relative;border-radius:20px;line-height:30px;font-size:12px;color:#666;padding-left:10px}
.phone_search .text i {font-size:18px;color:#666;position:absolute;right:10px;line-height:30px}
.search-over{display:none;position:fixed;z-index:110;left:0;top:0;width:100%;height:100%;background:#FFF;/*opacity:0.9;*/}
.search-warmp{display:none;position:fixed; z-index:120;left:0;top:0;width:100%;font-family:Microsoft Yahei;color:#757575;}
.search-hd{padding:1em;overflow:hidden;background:#ececec;border-bottom:1px solid #dcdcdc;}
.search-hd .bd{position:relative;float:left;width:80%;overflow:hidden;background:#FFF;border-radius:0.3em;}
.search-hd .keywords{width:88%;padding:0 10% 0 2%;height:2em;border:none;font-size:1em;line-height:2em;color:#757575;font-family:Microsoft Yahei;outline:none;box-shadow:0 0 0.2em #ababab;}
.search-hd .bd i{display:none;position:absolute;right:0.5em;top:0.5em;width:1em;height:1em;background:#ececec url(../images/search-clear.png) center center no-repeat;background-size:0.5em 0.5em;border-radius:100%;cursor:pointer;}
.search-button{float:left;width:20%;height:2em;line-height:2em;text-align:center;}

.search-warmp h1.tt {background:#ec0032;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;font-size:18px;position:relative}
.search-warmp h1.tt a.cancel {position:absolute;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;right:0;top:0;font-family:helvet;font-size:14px}
.search-warmp dl {padding:10px}
.search-warmp dl dd {border:1px solid #ddd;margin-bottom:10px}
.search-warmp dl dd .text1 {height:30px;line-height:30px;padding:0 10px;width:100%;border:0}
.search-warmp .btn1 {width:50%; display:block;margin:0 auto; height:35px;line-height:35px;background:#333;color:#fff;text-align:center;border:0;padding:0}


.title_in1 {text-align:center}
.title_in1 h2 {font-size:28px;position:relative;font-weight:200;color:#333;padding-bottom:20px;margin-bottom:20px}
.title_in1 h2:before {width:335px;height:1px;background:#dfdfdf;position:absolute;content:'';bottom:0px;left:50%;margin-left:-167px}
.title_in1 h2:after {content:'';position:absolute;width:10px;height:10px;background:#ec0032;bottom:-5px;left:50%;margin-left:-5px;border-radius:10px}
.title_in1 p {font-size:12px;color:#989898}
.type_in1 {background:#f8f8f8;position:relative;padding-top:10px;padding-bottom:10px}
.type_in1 .title_in{position:relative;z-index:5}


.title_in {text-align:center}
.title_in h2 {font-size:28px;position:relative;font-weight:200;color:#333;padding-bottom:20px;margin-bottom:20px}
.title_in h2:before {width:335px;height:1px;background:#dfdfdf;position:absolute;content:'';bottom:0px;left:50%;margin-left:-167px}
.title_in h2:after {content:'';position:absolute;width:10px;height:10px;background:#ec0032;bottom:-5px;left:50%;margin-left:-5px;border-radius:10px}
.title_in p {font-size:12px;color:#989898}
.type_in {background:#f8f8f8;position:relative;padding-top:100px;padding-bottom:10px}
.type_in .title_in, .app_in .title_in,.type_in .more_in, .app_in .more_in {position:relative;z-index:5}
.type_in .fw {width:1200px}
.type_in .list, .app_in .list {position:relative;z-index:5;margin-top:50px}
.type_in .list li {float:left;width:25%;height:350px;padding:5px}
.type_in .list li a {background:#fff;display:block;height:100%;border-bottom:1px solid #f8f8f8;padding:20px;position:relative}
.type_in .list li a .txt {position:absolute;top:30px;left:20px;z-index:11}
.type_in .list li a .pic {position:absolute;bottom:0;right:0;z-index:10;width:50%}
.type_in .list li.li1 a .pic {width:70%}
.type_in .list li.li2 {height:175px}
.type_in .list li a h3 {font-size:16px;color:#333}
.type_in .list li a p {font-size:12px;color:#c0c0c0}
.type_in .list li a .more {padding:10px 18px;background:#f2f2f2;color:#666;display:inline-block;border-radius:5px;margin-top:20px}
.type_in .list li a:hover {box-shadow:0 5px 30px #ccc;z-index:100}
.type_in .list li a:hover .more {background:#ec0032;color:#fff}
.type_in .list li a:hover .pic {right:10px}

.app_in {padding-top:70px;padding-bottom:10px}
.app_in .list li {float:left}
.app_in .list li {width:20%;height:auto}
.app_in .list li:first-child {width:40%;height:476px}
.app_in .list li a {display:block;position:relative;border-bottom:1px solid #f8f8f8;overflow:hidden}
.app_in .list li a img {display:block;width:100%;height:100%;transform:scale(1)}
.app_in .list li.li2 a {height:100%}
.app_in .list li a span.bg {position:absolute;width:100%;height:100%;background:#ec0032;opacity:0;text-align:center;top:0;left:0;z-index:9}
.app_in .list li a p.tt {position:absolute;top:0;font-size:16px;color:#fff;text-align:center;z-index:10;width:100%;margin-top:-9px;opacity:0}
.app_in .list li.li2 a span.bg {line-height:238px}
.app_in .list li a:hover span.bg {opacity:0.8}
.app_in .list li a:hover p.tt {opacity:1;top:50%}
.app_in .list li a:hover img {transform:scale(1.2)}

.more_in {display:block;width:206px;height:45px;background:#ec0032;text-align:center;line-height:45px;color:#fff;font-size:14px;margin:60px auto;border-radius:30px;text-indent:0px}
.more_in i {text-indent:-5px;opacity:0}
.more_in:hover {text-indent:-10px}
.more_in:hover i {text-indent:10px;opacity:1}

.brand_in {width:100%;height:635px;padding:70px 0 0;background:url(../images/brand_bg.jpg) no-repeat top;background-color:#828282}
.brand_in .list {width:60%}
.brand_in .list li {float:left;width:33.3333%;margin-bottom:56px}
.brand_in .list li a {position:relative;display:block;width:128px;height:128px;background:#fff;overflow:hidden;border-radius:50%}
.brand_in .list li a .pic {display:table; vertical-align:middle;width:128px;height:128px}
.brand_in .list li a .pic span {display:table-cell;vertical-align:middle;}
.brand_in .list li a .pic img {display:block;margin:0 auto;width:90%}
.brand_in .list li a .bg {position:absolute;width:100%;height:100%;background:#ec0032;left:0;top:0;color:#fff;text-align:center;line-height:128px;font-size:14px;opacity:0;visibility:hidden;font-weight:bold;transform:scale(1.5)}
.brand_in .list li a:hover .bg {opacity:1; visibility:visible;transform:scale(1)}
.brand_in .txt {width:35%;color:#fff}
.brand_in .txt .tt {margin:20px 0}
.brand_in .txt .tt p {font-size:12px}
.brand_in .txt .tt h3 {font-size:35px;font-weight:200;line-height:70px}
.brand_in .txt .content {font-size:14px;color:#c1c1c1;line-height:28px}
.brand_in .more_in {margin:60px 0 0}

.hotline {margin:40px auto 30px;text-align:center}
.hotline a {padding:10px 20px;font-size:13px;color:#999; white-space:nowrap}
.hotline a.cur,.hotline a:hover {color:#fff;background:#ec0032;border-radius:20px}
 {color:#ec0032}

.pro_in {background:#f8f8f8;padding:60px 0 10px}
.pro_in .fw {width:1210px}
.pro_in .list li {float:left;width:33.3333%;padding:10px}
.pro_in .list li a {display:block;width:100%;padding:10px;background:#fff;border-radius:5px}
.pro_in .list li a .pic {width:39%;overflow:hidden;display:table;float:left;background:#fff}
.pro_in .list li a .pic span {display:table-cell;vertical-align:middle;text-align:center;width:100%;height:135px}
.pro_in .list li a .pic span img {display:block;margin:0 auto;max-width:100%;max-height:100%;vertical-align:middle}


.pro_in .list li a .txt {width:56%;float:right}
.pro_in .list li a .txt h2 {font-size:14px;color:#333;font-weight:100;border-bottom:1px solid #ddd;line-height:40px;margin-bottom:10px;position:relative}
.pro_in .list li a .txt h2:before {content:'';width:30px;height:1px;background:#ec0032;position:absolute;bottom:-1px;left:0;transition:all 0.3s}
.pro_in .list li a p {font-size:12px;color:#999;line-height:24px}
.pro_in .list li a:hover {background:#fff;box-shadow:0 5px 20px #ddd}
.pro_in .list li a:hover .txt h2:before {width:100%}

.product .list {width:897px;float:right;margin-left:-13px;padding-bottom:50px}
.product .list li {float:left;width:33.3333333%;box-sizing:border-box;padding:13px}
.product .list li a {background:#fff;display:block;transition:all 0.3s}
.product .list li a:hover {box-shadow:0 10px 20px #ccc}
.product .list li .pic {overflow:hidden;display:table;width:100%;border-bottom:0}
.product .list li .pic span {display:table-cell;vertical-align:middle; text-align:center;width:100%;height:236px}
.product .list li .pic img {display:block;margin:0 auto;max-width:100%;max-height:100%; vertical-align:middle;border:none;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.product .list li a:hover .pic img {transform:scale(1.08, 1.08)}
.product .list li .info {background:#f6f6f6;padding:15px; padding-right:35px;position:relative;line-height:22px;transition:all 0.6s}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .pro_in .list li a .pic span img, .product .list li .pic img {width:100% !important;}
}
.product .list li .info .jt {position:absolute; width:30px;height:30px;right:10px;top:22px;text-align:center;transition:all 0.6s;z-index:100}
.product .list li .info .jt i {color:#ddd;font-size:22px;line-height:30px}
.product .list li .info p.title {font-size:16px;color:#333;transition:all 0.6s}
.product .list li .info p.subtitle {font-size:13px;color:#666;transition:all 0.6s}
.product .list li a:hover .info {background:#ec0032}
.product .list li a:hover .info .jt {color:#fff}
.product .list li a:hover .info p.title {color:#fff}
.product .list li a:hover .info p.subtitle {color:#fff}

.rightIn {float:left;width:268px}
.rightIn .info {margin-top:20px;margin-bottom:30px;position:relative}
.rightIn .info div.tt {font-size:18px;color:#fff;font-weight:100;padding:40px 30px 60px;background:#ec0032;border-radius:5px 5px 0 0}
.rightIn .info div.tt p.title {
    text-align:left;
    font-weight:bold;
    font-size:25px;
    padding-bottom:8px;
    margin-top:0px;
    margin-bottom:8px;
    border-bottom:1px solid rgba(255, 255, 255, 0.5);
    letter-spacing:1px;
    color:#fff
	}
.rightIn .info div.tt p.subtitle {
	letter-spacing:1px;
    font-size:15px;
    display:inline-block;
    padding-top:0px;
    color:#EAEAEA;
    margin-top:0px;
    float:right;
    overflow:hidden;
    text-align:right
	}
.rightIn .category {background:#f6f6f6}
.rightIn .category li {
	line-height:50px;
	border-bottom:1px solid #eee;
	}
.rightIn .category li a {display:block; padding-left:16px; position:relative;font-size:14px; color:#666; transition:all 0.3s ease-out 0s}
.rightIn .category li a i {position:absolute;right:0px;opacity:0;line-height:50px;color:#fff}
.rightIn .category li a:hover, .rightIn .category li a.cur {background:#333;color:#fff}
.rightIn .category li a:hover i, .rightIn .category li a.cur i {right:20px;opacity:1}


.about_in {width:100%;padding:70px 0 80px}
.about_in .fl {width:556px}
.about_in .fl .pic {width:100%}

.about_in .fr {width:560px}
.about_in .fr .ttpic {display:block;margin:20px 0 30px}
.about_in .fr p {font-size:14px;line-height:26px;color:#666;overflow:hidden}
.about_in .fr .pic1 {display:block;margin-top:30px}

.sunfoon_in {width:100%;height:306px;background:url(../images/sunfoon1.jpg) no-repeat center top}
.sunfoon_in .fl .icon {float:left;display:block;width:70px;margin-right:50px;text-align:center;color:#fff;line-height:30px;margin-top:160px;font-size:16px}
.sunfoon_in .fl .icon span {display:block;width:70px;height:70px;line-height:70px;text-align:center;background:#fff;border-radius:50%;color:#333}
.sunfoon_in .fl .icon span i {line-height:70px;font-size:26px}
.sunfoon_in .fr {color:#fff;margin-right:120px;margin-top:160px}
.sunfoon_in .fr p {font-size:16px}
.sunfoon_in .fr h3 {font-size:36px}

.ntitle_in {color:#999;font-size:14px;position:relative;padding:25px 0;border-bottom:1px solid #ddd}
.ntitle_in strong {font-size:24px;color:#333;padding-right:10px}
.ntitle_in a {position:absolute;right:0;color:#ff7200;font-size:14px;top:40px}

.newknow {width:100%;background:#f8f8f8;padding:70px 0 80px}
.news_in {width:586px;margin-top:20px}
.news_in .list {width:100%;overflow:hidden;position:relative}
.news_in .list li {float:left;width:100%}
.news_in .list li .pic {display:block;width:100%;height:300px;overflow:hidden}
.news_in .list li .pic img {transform:scale(1);width:100%}
.news_in .list li:hover .pic img {transform:scale(1.1)}
.news_in .list li .txt {background:#fff;padding:20px 20px 50px}
.news_in .list li .txt strong {font-size:16px;color:#333;padding:10px 0 15px}
.news_in .list li .txt a:hover strong {color:#ec0032}
.news_in .list li .txt p {font-size:12px;color:#999999;line-height:22px;height:44px;overflow:hidden}
.news_in .list a.next, .news_in .list a.prev {position:absolute;font-size:28px;color:#999;bottom:20px; cursor:pointer}
.news_in .list a.next {right:20px}
.news_in .list a.prev {right:50px}
.news_in .list a.next:hover,.news_in .list a.prev:hover {color:#ec0032}
.news_in .list li:hover .txt {background:#fff}

.know_in {width:604px}
.know_in ul li {width:50%;float:left;padding-left:20px}
.know_in ul li div.box {background:#fff;height:220px;padding:20px;margin-top:20px}
.know_in ul li div.box a strong {font-size:16px;line-height:40px;margin-bottom:10px;color:#333}
.know_in ul li div.box p {font-size:14px;line-height:24px;height:72px;margin-bottom:30px;overflow:hidden}
.know_in ul li div.box .date {position:relative}
.know_in ul li div.box .date a {position:absolute;right:0;color:#ec0032;font-weight:bold}
.know_in ul li:hover div.box {background:#ec0032}
.know_in ul li:hover div.box a strong, .know_in ul li:hover div.box .date, .know_in ul li:hover div.box .date a {color:#fff}
.know_in ul li:hover div.box p {color:#ddd}
.know_in ul li div.box a:hover strong {color:#333}
.know_in ul li div.box .date a:hover {color:#333}

.foot {background:#fbfbfb;width:100%;padding:60px 0 20px;border-top:1px solid #eee}
.foot_head {position:relative}
.foot_head .btn {position:absolute;right:0;text-align:center;width:50px;height:50px;color:#fff;border-radius:50%;font-size:20px}
.foot_head .btn i {line-height:50px}
.foot_head .btn.qq {right:70px;background:#007ff6}
.foot_head .btn.qq:hover {background:#3e9df7}
.foot_head .btn.weixin {background:#00b20d}
.foot_head .btn.weixin:hover {background:#3bda47}
.foot .listbox {width:1230px;margin:40px auto}
.foot .list {float:left;width:25%;padding:0 20px}
.foot .list .title {font-size:12px;color:#999;line-height:50px;margin-bottom:10px;display:block;border-bottom:1px solid #ddd}
.foot .list .title span {font-size:18px;color:#333}
.foot .list .title:hover {color:#ec0032}
.foot .list.con p {font-size:14px;color:#666;line-height:30px;float:left}
.foot .list.con p.s1 {width:17%}
.foot .list.con p.s2 {width:83%}
.foot .list.menu li {line-height:30px;width:50%;float:left;padding-right:20px}
.foot .list.dh li {float:none;width:100%;padding-right:0}
.foot .list.menu li a {color:#666;font-size:13px;position:relative;display:block;border-bottom:1px dashed #ccc}
.foot .list.menu li a:after {content:'';position:absolute;width:0px;height:1px;background:#333;left:0;top:50%;margin-top:-1px;transition:all 0.3s}
.foot .list.menu li a:hover {color:#ec0032;padding-left:15px}
.foot .list.menu li a:hover:after {width:10px}
.foot .list.ewm li {float:left;width:117px;line-height:28px;color:#717171;margin-right:24px;text-align:center}
.foot .list.ewm li img {display:block;width:100%}

.copyright {width:100%;height:50px;line-height:50px;font-size:14px;color:#999;background:#333}
.copyright .fl span {padding-right:20px}
.copyright a {color:#ec0032;font-size:14px}
.copyright a:hover {color:#fff}

.head .fw .toggle {position:absolute;right:20px;top:30px;font-size:24px;width:60px;height:60px;background:#ec0032;color:#fff;border-radius:50%;text-align:center;display:none}
.head .fw .toggle i {line-height:60px}

.title_inner {width:100%;height:45px;border-bottom:1px solid #eaf0f4;margin:30px auto;position:relative}
.title_inner .fw {position:relative}
.title_inner h2 {
	height:45px;
    font-size:20px;
    line-height:20px;
    color:#5e5e5e;
    border-bottom:1px solid #abb4bb;
    display:inline-block;
	font-weight:normal
	}
.title_inner h2 span {
	height:12px;
    font-size:12px;
    line-height:12px;
    color:#cac9c9;
    margin-left:8px
	}
.title_inner .fw .website {position:absolute;right:0;height:45px;line-height:20px;top:0}
.title_inner .fw a {color:#999}
.title_inner .fw a:hover {color:#ec0032}
.title_inner .fw .website span {color:#ec0032}

.title_inner .toggle {position:absolute;top:0;right:10px;color:#333;display:none;font-size:14px}
.title_inner .toggle i {font-size:17px}

.met_pager {
    margin-top:30px;
    text-align:center;
}
.met_pager .PreSpan, .met_pager .NextSpan {
    border:1px solid #e4eaec;
    padding:9px 15px;
    background:#fff;
    color:#ccd5db;
    cursor:default
}
.met_pager a, .met_pager span {
    border:1px solid #e4eaec;
	margin-right:-1px;
    background:#fff;
    padding:9px 15px;
    text-align:center;
    color:#76838f
}
.met_pager span {background:#e4eaec}
.met_pager span.tz {background:none;border:0;padding-right:0}
.met_pager select {padding:8px}
.met_pager a.current {
    background:#ec0032;
    border-color:#ec0032;
    color:#fff;
    cursor:default
}
.met_pager a:hover {background:#ec0032;border-color:#ec0032;color:#fff}

.product {padding-bottom:40px}

.pro_detail {padding:10px 0 0;width:860px;float:right}
.pro_detail .row {background:#fff}
.pro_detail .row .pic {float:left;box-sizing:border-box;width:40%;padding:0;overflow:hidden}
.pro_detail .row .pic img {width:100%; vertical-align:middle}
.pro_detail .row .txt {width:58%;box-sizing:border-box;padding:0 15px;float:right;font-size:14px;color:#666;line-height:24px}
.pro_detail .row .txt h1 {font-size:24px;color:#333;margin-bottom:15px}
.pro_detail .row .txt table {border:1px solid #f7f7f7;width:100%}
.pro_detail .row .txt table th {background:#f7f7f7}
.pro_shuxing td {border:1px solid #f7f7f7}
.pro_shuxing th span, .pro_shuxing td span {
    padding:5px;
    display:block;
	font-size:14px;
	line-height:25px
	}
.pro_detail .row .txt .tel {padding:10px 20px;color:#fff;background:#ec0032;display:inline-block;border-radius:5px;margin-top:30px}
.pro_detail .row .txt .tel b {
	display:block;
    font-size:16px;
    border-bottom:1px dotted #f95d5d;
    padding-bottom:8px;
    margin-bottom:8px
	}
.pro_detail .detail {float:left;background:#fff;width:100%}
.pro_detail .detail .title {border-bottom:1px solid #ddd;margin-bottom:20px;}
.pro_detail .detail .title span {font-size:14px;padding:10px;border-bottom:2px solid #666;display:inline-block;color:#333}
.pro_detail .detail .content {line-height:24px;font-size:14px;color:#666}
.pro_detail .detail .content img {display:block; max-width:100%;margin:10px auto}
.pro_detail .detail .content .canshu {width:100%;position:relative;table-layout:fixed;border:1px solid #e6e6e6;margin-bottom:-1px}
.pro_detail .detail .content .canshu th,.pro_detail .detail .content .canshu td {vertical-align:top}
.pro_detail .detail .content .canshu th{color:#333;width:158px;padding:15px 0 15px 20px;background:#fafafa;border-right:1px solid #e6e6e6;text-align:left;font:bold 16px/26px "Microsoft YaHei",arial}
.pro_detail .detail .content .canshu td{width:605px;padding:8px 0 6px}
.pro_detail .detail .content .canshu td div {padding:6px 20px 8px 20px}
.section-param-header {height:40px;border:1px solid #e6e6e6;border-bottom:0 none;background-color:#f7f7f7}
.section-param-header h3 {padding:0 20px;font: normal 16px/40px 'Microsoft YaHei',arial;color:#333}

.category-param-list li {position:relative;overflow:hidden;padding:2px 0 2px 188px;line-height:26px;_zoom:1;word-wrap:break-word;font:14px/26px 'Microsoft YaHei',arial;color:#666}
.category-param-list .param-name {position:absolute;left:0;top:2px;font-weight:bold}

.pro_detail .detailist li {float:left;width:25%;box-sizing:border-box}
.pro_detail .detailist li p {padding:0 15px;margin-bottom:11px}
.pro_detail .detailist li p a {
	display:block;
	background:#eee;
	line-height:30px;
	padding:0 5px;
	font-size:12px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#666;
	transition:all 0.3s;
	box-sizing:border-box
	}
.pro_detail .detailist li p a:hover {background:#ec0032;color:#fff}
.pro_detail .detailist a.more {display:block;width:200px;height:35px;line-height:35px;background:#ec0032;color:#fff;margin:30px auto 0;text-align:center;border-radius:30px;transition:all 0.3s}
.pro_detail .detailist a.more i {font-size:16px;text-indent:-20px;opacity:0;transition:all 0.3s}
.pro_detail .detailist a.more:hover {box-shadow:0 10px 20px #ccc}
.pro_detail .detailist a.more:hover i {text-indent:0;opacity:1}
	
.banner {width:100%;height:300px;position:relative;margin-bottom:100px}
.banner .search-top {top:auto;bottom:-43px}
.banner_pro {background:url(../images/banner_product.jpg) no-repeat center top;background-color:#000;background-size:cover}
.brand_brand {background:url(../images/banner_brand.jpg) no-repeat center top;background-color:#fff;background-size:cover}
.newspro {background:url(../images/banner_news.jpg) no-repeat center top;background-color:#EFEEF3;background-size:cover}
.apppro {background:url(../images/banner_app.jpg) no-repeat center top;background-color:#fff;background-size:cover}
.conpro {background:url(../images/banner_contact.jpg) no-repeat center top;background-color:#E7EBF6;background-size:cover}
.aboutpro {background:url(../images/banner_about.jpg) no-repeat center top;background-color:#A7DAF9}

.brand, .types {background:#fff;margin-top:-100px;padding-top:100px}
.brand .title_in h2:before, .types .title_in h2:before, .about .title_in h2:before, .app .title_in h2:before {width:100%;left:0;margin-left:0}
.brand .fw {width:100%}
.brand .list {width:1200px;margin:20px auto;position:relative;transition:none}
.brand .list a.next,.brand_in .list a.prev {position:absolute;width:40px;height:40px;text-align:center;line-height:40px;color:#fff;top:100px;background:#333;cursor:pointer;font-size:24px;border-radius:5px;opacity:0.5}
.brand .list a.next {right:-30px}
.brand .list a.prev {left:-30px}
.brand .list a.next:hover,.brand_in .list a.prev:hover {opacity:1}
.brand .list li {float:left;width:33.3333%;transition:none}
.brand .list li .info {width:100%;padding:15px 15px 80px 15px}
.brand .list li a {display:block;width:100%;padding:25px;padding-bottom:80px;background:#F8F8F8;border:1px solid #f1f1f1;border-radius:10px;text-align:center;position:relative}
.brand .list li a h4 {font-size:18px;color:#333;font-weight:100;margin-bottom:20px}
.brand .list li a p {font-size:12px;color:#666;height:72px;overflow:hidden;line-height:24px}
.brand .list li a .pic {position:absolute;width:115px;height:115px;border-radius:150px;overflow:hidden;box-shadow:0 2px 10px #ccc;left:50%;margin-left:-57px;bottom:-57px}
.brand .list li a .pic img {display:block;width:100%}
.brand a.more_in {margin-top:10px}
.brand .list li a:hover {background:#cc0033;}
.brand .list li a:hover h4 {color:#fff}
.brand .list li a:hover p {color:#f8f8f8}

/*.brand .list {margin-top:60px;padding-bottom:50px}
.brand .list li {float:left;width:20%;padding:18px;position:relative}
.brand .list li:after {
	content:"";
    position:absolute;
    width:1px;
    height:42px;
    left:0;
    background:#dfdfdf;
    top:50%;
    margin-top:-21px;
	}
.brand .list li .pic {
	position: relative;
    display: block;
    border-radius: 50%;
    margin: 0 28%;
    box-shadow: 0px 0px 30px 0px rgba(204, 204, 204, 0);
    margin-bottom: 10px;
    transition: 0.36s ease;
	}
.brand .list li .pic img {
	width: 100%;
    height: auto;
    transition: all ease-out .3s .1s;
    float: none;
    opacity: .8;
    border-radius: 50%;
	}
.brand .list li .txt {text-align:center;color:#999;margin-top:10px;font-size:14px}
.brand .list li a:hover img {transform:translateY(-10px);box-shadow:0 3px 10px #ddd;opacity:1}
.brand .list li a:hover .txt {transform: translateY(10px);}*/
.types .fw {width:1300px}
.types .list {margin-top:50px;padding-bottom:70px}
.types .list li {padding:10px;float:left;position:relative;width:25%}
.types .list li .pic {position:relative;display:table;background:#fff;padding:10px;width:100%; vertical-align:middle;overflow:hidden;border-radius:5px}
.types .list li .pic span {display:table-cell; vertical-align:middle;width:100%;height:200px}
.types .list li .pic img {display:block;max-width:100%;max-height:100%;margin:0 auto;transform:scale(0.9)}
.types .list li a .txt {font-size:14px;text-align:center;color:#666;margin-top:10px;line-height:20px;height:40px}
.types .list li a:hover .pic {box-shadow:2px 2px 30px rgba(169, 169, 169, 0.28);transform:translateY(-10px)}
.types .list li a:hover .pic img {transform:scale(1)}
.types .list li a:hover .txt {color:#ec0032}

.app .list {width:1390px;margin:40px auto}
.app .list li {float:left;width:33.3333%;padding:15px;text-align:center;line-height:40px}
.app .list li .info a {background:#f8f8f8;border:1px solid #f1f1f1;padding:10px;padding-bottom:0;border-radius:10px;display:block;font-size:14px;color:#666}
.app .list li .info a .img {width:100%;border-radius:10px;overflow:hidden}
.app .list li .info a .img img {display:block;width:100%;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.app .list li .info a:hover {box-shadow:0 5px 20px #ccc}
.app .list li .info a:hover img {transform:scale(1.1,1.1)}

.newsdetail {padding-bottom:40px}
.newsdetail .content {box-sizing:border-box;background:#fff;float:right;width:75%;padding:0 30px}
.newsdetail .content .met-shownews-header {padding:30px 0}
.newsdetail .content .met-shownews-header h1 {font-size:17px;margin-bottom:5px;color:#333}
.newsdetail .content .newshead {text-align:center}
.newsdetail .content .newshead h1 {font-size:28px}
.newsdetail .content .met-shownews-header .info {
	color:#a3afb7;
	font-size:14px;
	font-weight:300;
	padding-bottom:20px;
	border-bottom:1px solid #f0f2f5
	}
.newsdetail .content .txt {font-size:14px;color:#666;line-height:22px;padding-bottom:30px}
.newsdetail .content .txt img {display:block;margin:10px auto;max-width:100%}
.newsdetail .content .txt img.apppic {float:left;margin:0 20px 20px 0}

.met-shownews-footer {padding-bottom:30px;overflow:hidden}
.met-shownews-footer ul.pager {
    border-top:1px solid #f0f2f5;
    padding-top:20px
	}
.met-shownews-footer ul.pager li {display:inline}
.met-shownews-footer ul.pager li > a, .met-shownews-footer ul.pager li > span {
	display:inline-block;
	padding:10px 20px;
	color:#76838f;
	font-size:14px;
	border:1px solid #e4eaec;
	-webkit-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
	border-radius:1000px;
	width:45%
	}
.met-shownews-footer ul li a:hover {border:1px solid #ec0032;color:#ec0032}
.met-shownews-footer ul li.previous a {float:left}
.met-shownews-footer ul li.next a {float:right}

.news .list {
    float:right;
    width:860px;
	padding-bottom:70px
}
.news .list .info {padding:20px 0 20px 300px;height:210px;position:relative}
.news .list .info .pic {width:300px;height:180px;position:absolute;left:0;top:20px;background:#eee;background-position:center;background-size:cover}
.news .list .info .txt {padding-left:40px;padding-top:30px}
.news .list .info .txt .tt {font-size:16px;color:#323232;height:30px}
.news .list .info .txt .ps {
	font-size:13px;
    color:#7A7A7A;
    line-height:26px;
    text-align:left;
    margin-top:8px;
    height:55px;
    overflow:hidden;
    transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
.news .list .info .date {position:relative;font-size:18px;color:#838383;font-weight:bold;margin-top:30px}
.news .list .info .date:after {
	content:'';
    display: block;
    width: 10%;
    height: 2px;
    background: #4a4a4a;
    position: absolute;
    left: 0;
    top:-16px;
    transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s
	}
.news .list .info a:hover .txt .tt {color:#ec0032;transform:translateY(-10px)}
.news .list .info a:hover .txt .ps {transform:translateY(-10px)}
.news .list .info a:hover .date:after {width:100%;left:-40px}

.contact .ps {font-size:13px;margin-top:40px;text-align:center}
.contact .box {padding:50px 0}
.contact .list {float:left;width:33.3333%;padding:0 30px;position:relative;height:160px;text-align:center;font-size:16px;color:#666;line-height:24px}
.contact .list .icon i {font-size:32px;color:#999}
.contact .list h4 {font-size:18px;line-height:45px;color:#323232}
.contact .list1:before,.contact .list2:before {content:'';position:absolute;width:1px;height:130px;background:#ddd;right:0;top:15px}

.about p.tt1 {text-align:center;font-size:24px;color:#333;margin-top:60px;}
.about h2.tt {font-size:36px;color:#ec0032;text-align:center}
.about .pic {display:block;width:100%;margin:30px auto}
.about .txt {color:#666;line-height:200%;padding-bottom:60px}
.brandetail {padding-bottom:50px}

.lightboxbg {position:fixed;background:#000;opacity:0.5;left:0;top:0;width:100%;height:100%;z-index:9999;display:none}
.lightbox {width:208px;background:#fff;position:fixed;top:50%;margin-top:-100px;left:50%;margin-left:-100px;z-index:99991;text-align:center;font-size:14px;line-height:24px;padding-bottom:10px;display:none}
.lightbox img {display:block;margin:5px auto 0;width:100%}
.lightbox a {display:block;color:#f6032c;font-size:14px}

.about_slide {width:100%;padding:40px 0;background:#f8f8f8;overflow:hidden}
.about_slide .list {width:1200px;margin:0 auto}
.about_slide .list li {float:left;width:20%}
.about_slide .list li a {padding:0 10px;display:block}
.about_slide .list li a div {display:table;width:100%;background:#fff;border-radius:5px}
.about_slide .list li a div span {display:table-cell; width:100%;height:160px; vertical-align:middle}
.about_slide .list li a div span img {display:block;margin:0 auto; vertical-align:middle;max-width:80%;max-height:95%}
.about_slide .list li a:hover div {box-shadow:0 10px 30px #eee;transform:translateY(-10px)}

.foot .list.link {width:100%;float:none}
.foot .list.link .txt a {font-size:14px;color:#666;float:left;line-height:40px}
.foot .list.link .txt span {position:relative;float:left;line-height:40px;width:30px;height:40px;display:block}
.foot .list.link .txt span:before {position:absolute;content:'';width:1px;height:10px;background:#999;left:50%;top:15px}
.foot .list.link .txt a:hover {color:#ec0032}
@media screen and (max-width:1180px){
.fw {width:auto;padding:0 20px}
.search-top {display:none}
.phone_search {display:block}
.innersearch {position:relative}
.type_in .fw,.pro_in .fw {width:100%}
.news_in,.know_in {width:50%}
.foot .listbox {width:100%}
.foot_head .btn.weixin {right:10px}

.banner {margin-bottom:0}
.title_inner .fw .website {right:10px}

.product .list, .pro_detail {width:76%}
.rightIn {width:22%}

.about .title_in, .brand .title_in, .types .title_in, .app .title_in, .contact .title_in {margin-top:50px}
.brand .list {padding:0 0 50px;width:100%}
.brandetail {padding-bottom:50px}
.types .fw {width:100%}

.app .list {width:100%}
.app .list li {padding:10px}
}

@media screen and (max-width:1000px){
.head .fl .img2,.head .fr {display:none}
.head {background:#fff}
.head .fw {position:relative}
.head .fw .toggle {display:block}
.head_nav {display:none}

.type_in, .app_in {overflow:hidden}
.type_in .fw, .app_in .fw {width:100%;}
.hotline {white-space:nowrap;overflow:auto;padding:10px 0}
.about_in .fl{width:45%}
.about_in .fr {width:52%}
.about_in .fr .pic1 {width:100%}
.sunfoon_in {background-size:cover;height:226px}
.sunfoon_in .fl .icon {margin-top:110px}
.sunfoon_in .fr {margin-right:100px;margin-top:130px}

.types .list li .pic span {height:160px}
.news .list {width:76%}
}
@media screen and (max-width:960px){
.type_in .list li {width:50%}

.app_in .list li.li1,.app_in .list li.li2 {width:33.3333%;height:auto}

.title_inner .fw .website {display:none}
.title_inner .toggle {display:block}
.rightIn {display:none}
.product .list, .pro_detail {width:100%}
.app .list li, .types .list li {width:33.3333%}
.newsdetail .content {width:100%;padding:0}
.news .list {width:100%}
}
@media screen and (max-width:768px){
.head {height:80px}
.head .fl .img1 {height:60px;margin-top:10px}
.head .fw .toggle {width:50px;height:50px;top:15px}
.head .fw .toggle i {line-height:50px}
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:260px}

.newknow .fw {padding:0}
.newknow .news_in {padding:0 20px}
.newknow .know_in {padding:0 10px}
.know_in ul li {padding:0 10px}

.news_in, .know_in {width:100%}
.news_in .list li .pic {height:auto}
.news_in .list li .pic img {width:100%}

.brand_in .list {width:100%}
.brand_in .list li {width:33.3333%}
.brand_in .list li a {margin:0 auto}
.brand_in .txt {display:none}

.brand .list li {width:50%}

.about_in .fl {display:none}
.about_in .fr {width:100%}

.pro_in .list li {width:50%}
.foot .list {width:100%;margin-top:20px}
.product .list li {width:50%;padding:5px}
.pro_detail .detail .content .canshu th {width:20%}
.pro_detail .detail .content .canshu td {width:auto}
.types .list li {padding:5px}
.types .list li .pic span {height:160px}
.app_in .fw {padding:0}
.app .list li {width:50%}
.news .list .info {padding-left:240px;height:217px}
.news .list .info .pic {width:260px;height:187px}
.news .list .info .txt {padding-top:20px}
.contact .list {width:100%;border-bottom:1px dotted #ddd;margin-bottom:30px}
.contact .list1:before, .contact .list2:before {display:none}
}
@media screen and (max-width:628px){
.fw {padding:0}
.foot_head {padding:0 10px}
.copyright {height:auto;padding:20px 0;line-height:28px;text-align:center;overflow:hidden}
.copyright .fl, .copyright .fr {width:100%}
.about .txt {padding:0 10px 40px; line-height:200%;}
.app .list li {width:50%}
.brand .list li {width:100%}
.brandetail {padding-bottom:50px}
.types .list li .pic span {height:128px}
.app_in .list li:first-child, .app_in .list li {height:auto;width:50%}
}
@media screen and (max-width:580px){
.app_in .list li.li1, .app_in .list li.li2 {width:50%}
.brandetail .txt .img {width:100%;float:none}
.copyright {height:auto;line-height:26px;padding:10px 0}
.copyright .fr,.copyright .fl {float:none}
.sunfoon_in{display:none;}
/*.sunfoon_in .fl {margin-left:20px}
.sunfoon_in .fr {display:none}*/

.pro_detail .row .pic {width:100%}
.pro_detail .row .pic img {width:auto;max-width:100%;display:block;margin:0 auto}
.pro_detail .row .txt {width:100%;margin-top:30px}
.pro_detail .detailist li {width:33.3333%}
.pro_detail .detailist li p {padding:0 10px}
.types .list li {width:50%}
}
@media screen and (max-width:480px){
.fw {padding:0 10px}
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:180px}
.pro_in .list li {width:100%}
.pro_in .list li a .pic span {height:115px}

.brand_in {height:auto}
.brand_in .list li a, .brand_in .list li a .pic {width:100px;height:100px}

.know_in ul li {width:100%}

.head {height:65px}
.head .fl .img1 {height:50px;margin-top:7px}
.head .fw .toggle {width:45px;height:45px;right:10px;top:9px}
.head .fw .toggle i {line-height:45px}

.product .fw {padding:0}
.product .list li {padding:2px}
.pro_detail .detailist li {width:50%}
.banner {height:200px}
.about h2.tt {font-size:28px}
.brandetail {padding-bottom:50px}
.types .fw {padding-left:0;padding-right:0}
.app .list li {padding:5px}
.app .list li p.tt {margin-top:10px;margin-bottom:10px}
.news .list .info {height:140px;padding-left:160px}
.news .list .info .pic {width:180px;height:120px}
.news .list .info .txt .ps {margin-top:0}
.news .list .info .date {display:none}
}
@media screen and (max-width:400px) {
.types .list li .pic span {height:130px}
.foot_head .logo img {width:55%}
}

.clear{clear: both;}
.sunfoon{line-height:200%;}
.sunfoon img{max-width:100%;}

/*网站地图*/
.sitemap{overflow:hidden;line-height:30px;padding: 10px;border-bottom:1px solid #ddd;}
.sitemap dt{float: left;margin-right: 2%;width: 20%;}
.sitemap dt a{display:block;text-align:center;background: #ececec;font-size:14px;padding:8px 0;font-weight:normal;}
.sitemap dt a:hover{background: #ccc;color:#fff;}
.sitemap dd{float: left;width: 78%;}
.sitemap dd a{float:left;color:#666;padding-right:35px;line-height:39px;transition:none;}
.sitemap dd a:hover{color:#333;}